import { StyleSheet } from 'react-native';
import { phonePx } from '../../../../util/adapt';
import {
  BORDER_GREY,
  APP_GRAY,
  APP_BLUE,
  APP_RED
} from '../../../../constant/color';
import { getScreenInfo } from '../../../../util/screen';

const { width, height } = getScreenInfo({});

export default StyleSheet.create({
  container: {
    position: 'absolute',
    bottom: 0,
    flex: 1,
    flexDirection: 'row',
    justifyContent: 'space-between',
    alignItems: 'center',
    width,
    height: phonePx(40),
    borderTopColor: BORDER_GREY,
    borderTopWidth: phonePx(1),
    borderBottomColor: BORDER_GREY,
    borderBottomWidth: phonePx(1)
  },
  selectedAll: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
    height: phonePx(40),
    borderRightColor: BORDER_GREY,
    borderRightWidth: phonePx(1)
  },
  selectedAllDesc: {
    fontSize: phonePx(14),
    color: APP_BLUE,
    fontWeight: '500'
  },
  delete: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
    height: phonePx(40)
  },
  deleteDesc: {
    fontSize: phonePx(14),
    color: APP_RED,
    fontWeight: '500'
  },
  loadDesc: {
    position: 'absolute',
    bottom: phonePx(16),
    alignItems: 'center',
    width
  },
  desc: {
    fontSize: phonePx(12),
    color: APP_GRAY,
    lineHeight: phonePx(17),
    fontWeight: '500',
    textAlign: 'center'
  }
});
